<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>登录</title>

		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="this is my page">
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<link rel="stylesheet" type="text/css" href="./css/main.css">
		<link rel="stylesheet" type="text/css" href="./css/footer.css">
		<link rel="stylesheet" type="text/css" href="./css/header.css">
		<script type="text/javascript" src="js/jquery-1.4.2.js"></script>
		<style type="text/css">
.reg-instruct {
	width: 100%;
	height: 38px;
	background-color: #EE7700;
}

.reg-buzhou {
	text-align: left;
	padding-top: 5px;
	padding-left: 30px;
}

.reg-instruct table {
	color: white;
	font-size: 15px;
	vertical-align: bottom;
	font-family: 幼圆;
	font-weight: bolder;
}

.reg-instruct td {
	font-size: 15px;
}

.account-info {
	padding-left: 40px;
	padding-top: 20px;
	text-align: left;
}

.lst-td {
	text-align: right;
	padding-right: 20px;
}

.account-info td {
	padding-bottom: 15px;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	border: 0;
	border-collapse: collapse;
}

.account-info table {
	border: 0;
	color: #444;
	font-size: 14px;
	border-collapse: collapse;
}

.account-info input {
	width: 200px;
	height: 30px;
	font-size: 16px;
	border-color: #b79b6c;
	border-style: solid;
	border-width: 1px;
}

.account-info .checkcode-input {
	width: 60px;
	size: 5;
}

.reg-button {
	width: 100px;
	height: 40px;
	font-size: 16px;
	font-weight: bold;
	color: #555;
	font-family: 幼圆;
}


.reg-notice {
	display: none;
	background-color: #bdffff;
	border: 1px solid #63a9cd;
	font-size: 12px;
	padding: 4px,4px,4px,4px;
	margin-left: 8px;
}
.tr-background {
	background-color: #fcf0e4;
}
</style>

		<script type="text/javascript">
	$(function() {
		$(".account-input").bind("focus", function() {
			var tr = $(this).parent().parent();
			//var span = $(this).parent().find("span");
			tr.addClass("tr-background");
			//span.show();
		});
		$(".account-input").bind("blur", function() {
			var tr = $(this).parent().parent();
			//var span = $(this).parent().find("span");
			//span.hide();
			tr.removeClass("tr-background");
			
		});
	});
</script>
	</head>

	<body>
		<center>
			<div id="content">
				<DIV id="header">
					<DIV id="site-nav">
						<P id="login-info" class="login-info">
						您好，欢迎来Market！
						请<A href="login.html" target="_top">登录</A>免费<A href="register.html" target="_top">注册</A>
					</P>
					<UL class="quick-menu">
						<LI class="home">
							<A href="index.html">本站首页</A>
						</LI>
						<LI>
							<A href="shop.html" target="_top">我要买</A>
						</LI>
						<LI>
							<A href="publish.html" target="_top">我要卖</A>
						</LI>
						<LI>
							<A href="user_info.html" target="_top">我的商品<B></B>
							</A>
						</LI>

					</UL>
					</DIV>
				</DIV>
				<div style="text-align: left; padding-left: 20px;">
					<table cellpadding="0" cellspacing="0" border="0">
						<tr>
							<td>
								<img width="110" height="66" src="images/logo.gif" />
							</td>
							<td>
								<h2 style="color: #666;  font-weight:bold; margin-top: 20px;">
									登录
								</h2>
							</td>
						</tr>
					</table>
				</div>
			</div>
			<div class="reg-instruct">
				<div class="content reg-buzhou">
					<table>
						<tr>
							<td>
								&gt;&gt;&nbsp;请完成登录信息的填写
							</td>
						</tr>
					</table>
				</div>
			</div>
			<div
				style="background-color: #fcf0e4; width: 100%; height: 5px; display: block;"></div>
			<br />
			<div class="content">
				<div class="account-info">
					<table>
						<tr>
							<td class="lst-td">
								账号：
							</td>
							<td>
								<input class="account-input" />
								<span class="reg-notice">
								！ErrMsg
								</span>
							</td>
						</tr>
						<tr>
							<td class="lst-td">
								登录密码：
							</td>
							<td>
								<input class="account-input" />
								<span class="reg-notice">
									！ErrMsg
								</span>
							</td>
							
						</tr>
						<tr>
							<td class="lst-td">
								验证码：
							</td>
							<td>
								<input class="checkcode-input account-input" width="100"
									size="5" />
								<img src="images/checkcode.bmp" />
								看不清?&nbsp;<a href="">换一张</a>
								<span class="reg-notice">
									！必填项，请参照图片填写正确。
								</span>
							</td>
						</tr>
						<tr>
							<td class="lst-td"></td>
							<td>
								<button class="reg-button">
									&nbsp;&nbsp;登录&nbsp;&nbsp;
								</button>
							</td>
						</tr>

					</table>
				</div>
			</div><br/>
			<br/>
			<hr class="footer-line" width="960" style="color: #DDD;" />
			<div class="footer">
				<div>
					<ul>
						<li>
							<a href="#">加入本站</a>
						</li>
						<li>
							<a href="#">收藏本站</a>
						</li>
						<li>
							<a href="#">搜索榜</a>
						</li>
						<li>
							<a href="#">关于我们</a>
						</li>
						<li>
							<a href="#">使用帮助</a>
						</li>
						<li>
							<a href="#">意见反馈</a>
						</li>
					</ul>
				</div>
				<div style="color: #555;">
					copyright: XX证XX2141237 ©2010 market.com
				</div>
				<br />
				&nbsp;
				<br />
				&nbsp;
			</div>
		</center>
	</body>
</html>
